<script setup lang="ts">
import { ref } from "vue";

const username = ref("");
const password = ref("");

const login = () => {
  console.log(username.value, password.value);
};
const reset = () => {
  username.value = "";
  password.value = "";
};
// const chengeUsername = (e: Event) => {
//   // console.log("111", (e.target as HTMLInputElement).value);
//   username.value = (e.target as HTMLInputElement).value;
// };
// const changePassword = () => {};
</script>

<template>
  <div id="app">
    <!-- 传方法 注册事件 -->
    <!-- 账户：<input type="text" :value="username" @input="chengeUsername" />
    <br /><br />
    密码：<input type="password" :value="password" @input="changePassword" />
    <br /><br /> -->
    账户：<input type="text" v-model="username" /> <br /><br />
    密码：<input type="password" v-model="password" /> <br /><br />
    <button @click="login">登录</button>
    <button @click="reset">重置</button>
  </div>
</template>

<style></style>
